<div class="gf-form-group">
	<div class="gf-form-inline">
		<div class="gf-form">
			<span class="gf-form-label width-10">Mode</span>
			<div class="gf-form-select-wrapper max-width-10">
				<select class="gf-form-input" ng-model="ctrl.panel.mode" ng-options="f for f in ctrl.modes" ng-change="ctrl.refresh()"></select>
			</div>
		</div>
		<div class="gf-form" ng-show="ctrl.panel.mode === 'recently viewed'">
			<span class="gf-form-label">
				<i class="grafana-tip fa fa-question-circle ng-scope" bs-tooltip="'WARNING: This list will be cleared when clearing browser cache'" data-original-title="" title=""></i>
			</span>
		</div>
	</div>

	<div class="gf-form-inline" ng-if="ctrl.panel.mode === 'search'">
		<div class="gf-form">
			<span class="gf-form-label width-10">Search options</span>
			<span class="gf-form-label">Query</span>

			<input type="text" class="gf-form-input" placeholder="title query"
				ng-model="ctrl.panel.query" ng-change="ctrl.refresh()" ng-model-onblur>

		</div>

		<div class="gf-form">
			<span class="gf-form-label">Tags</span>

			<bootstrap-tagsinput ng-model="ctrl.panel.tags" tagclass="label label-tag" placeholder="add tags" on-tags-updated="ctrl.refresh()">
			</bootstrap-tagsinput>
		</div>
	</div>

	<div class="gf-form-inline">
		<div class="gf-form">
			<span class="gf-form-label width-10">Limit number to</span>
			<input class="gf-form-input" type="number" ng-model="ctrl.panel.limit" ng-model-onblur ng-change="ctrl.refresh()">
		</div>
	</div>
</div>
